.top_left{
    width:65%;
}
.top_right{
    width:35%
}
.top_right_telImg{
    width:100%;
}
.header_right{
    font-size:12px;
    padding-left:50%;
}
.header_right li a{
    color:#232323;
}
.header_ul_none{
    display:flex;
    list-style:none;
}

.nav_bg li:hover{
    background:rgb(163, 5, 5);
    cursor: pointer;
}
.nav_bg_box{
    background:#000;

}
@media screen and (min-width:1200px){
    .top_left_img{
        width:75%;
    }
    .nav_bg{
        width:70%;
        height:40px;
        line-height:40px;
        font-size:14px;
        margin:auto;
    }
    .nav_bg li{
        width:20%;
        text-align:center;
    }
    .nav_bg li a{
        text-decoration: none;
        color:#fff;
    }
    
}
@media screen and (min-width:992px) and (max-width:1200px){
   
    .top_left_img{
        width:80%;
    }
    .top_right_telImg{
        width:100%;
        margin-left:-6%;
    }
    .header_right{
        font-size:12px;
        padding-left:40%;
    }
    .nav_bg{
        width:70%;
        height:40px;
        line-height:40px;
        font-size:14px;
        margin:auto;
    }
    .nav_bg li{
        width:20%;
        text-align:center;
    }
    .nav_bg li a{
        text-decoration: none;
        color:#fff;
    }
}
@media screen and (min-width:768px) and (max-width:992px){
    .top_left_img{
        width:100%;
    }
    .top_right_telImg{
        width:100%;
        margin-left:-6%;
    }
    .header_right{
        font-size:12px;
        padding-left:39%;
    }
    .top_left{
        width:50%;
    }
    .top_right{
        width:50%
    }
    .nav_bg{
        width:90%;
        height:40px;
        line-height:40px;
        font-size:14px;
        margin:auto;
    }
    .nav_bg li{
        width:20%;
        text-align:center;
    }
    .nav_bg li a{
        text-decoration: none;
        color:#fff;
    }
}

@media screen and (min-width:576px) and (max-width:768px){
    .top_left_img{
        width:100%;
    }
    .nav_bg{
        width:100%;
        height:40px;
        line-height:40px;
        font-size:12px;
        margin:auto;
    }
    .header_right{
        font-size:12px;
        padding-left:50%;
    }
    .header_right{
        font-size:12px;
        padding-left:5%;
    }
    .nav_bg li{
        width:20%;
        text-align:center;
    }
    .nav_bg li a{
        text-decoration: none;
        color:#fff;
    }
}
@media screen and (min-width:0px)  and (max-width:576px){
    .top_left_img{
        width:100%;
    }
    .nav_bg{
        width:100%;
        height:40px;
        line-height:40px;
        font-size:12px;
        margin:auto;
    }
    .nav_bg li{
        width:20%;
        text-align:center;
    }
    .nav_bg li a{
        text-decoration: none;
        color:#fff;
    }
}

#nav{
    width:100%;
    height: 40px;
    background: #000;
    list-style: none;
}

#nav>li{
    float: left;
    position: relative;
    
}
#nav>li>a{
    float: left;
    width: 100%;
    height: 40px;
    color: #fff;
    line-height: 40px;
   
}
#nav li>.active{
    background:rgb(179, 6, 6);
}

#nav>li>ul>li{
    width:100%;
    background: -webkit-linear-gradient(#fcfcfc, #e4e3e3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fcfcfc, #e4e3e3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fcfcfc, #e4e3e3); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fcfcfc, #e4e3e3); /* 标准的语法 */;
    box-shadow: 0px 1px 5px rgba(99, 90, 90, 0.2);

}
#nav>li>ul>li:last-child{
    width:100%;
    background:rgb(248, 248, 248);
}
#nav>li>ul>li>.active{
    background: rgb(179, 6, 6);
    z-index:1000;
    color:#fff;
    box-shadow: 0px 1px 5px rgba(99, 90, 90, 0.2);
}
#nav>li>ul{
    width: 100%;
    background: #fff;
    border:1px solid #ccc;
    position: absolute;
    left: 0;
    top: 40px;
    display: none;
    z-index:1000;
    list-style: none;
    font-size:12px;
    transition:all 3s;

}

#nav>li>ul>li>a{
  
    color: #000;
    line-height: 30px;
    width:100%;;
    height: 30px;
    display: block;

}